<script setup>
import router from "@/router/index.js";
// import '../assets/css/register.css'  // 注释掉原始css导入
import NavigationBar from "@/components/navigationBar.vue";

function gotoLogin() {
  router.push('/login')
}
</script>

<template>
  <div class="wrapper">

    <!-- header部分 -->
    <div  class="bg-[rgb(0,151,255)] h-[75px] text-white text-center  text-[30px] pt-4 ">
      <p>用户注册</p>
    </div>

    <!-- 表单部分 -->
    <div class="form-box form-box mt-7 ml-5">
      <div class="flex text-gray-500 text-[18px] items-center  ">
        <div class="title font-[550] w-28 ">
          手机号码：
        </div>
        <div class="flex-1">
          <input type="text" placeholder="手机号码" class="flex-1 w-[95%] bg-white">
        </div>
      </div>
      <div  class="flex text-gray-500 text-[18px] items-center  mt-5 ">
        <div class="font-[550] w-28 ">
          密码：
        </div>
        <div class="flex-1">
          <input type="password" placeholder="密码"  class="flex-1 w-[95%] bg-white">
        </div>
      </div>
      <div class="flex text-gray-500 text-[18px] items-center   mt-5" >
        <div class="title font-[550] w-28 " >
          确认密码：
        </div>
        <div class="content">
          <input type="password" placeholder="确认密码"  class="flex-1 w-[95%]">
        </div>
      </div>
      <div class="flex text-gray-500 text-[18px] items-center  mt-5 ">
        <div class="title font-[550] w-28  ">
          用户姓名：
        </div>
        <div class="content ">
          <input type="text" placeholder="用户姓名"  class="flex-1 w-[95%]">
        </div>
      </div>
      <div class="flex text-gray-500 text-[18px] items-center font-[550]  mt-5 ">
        <div class="title w-28 ">
          性别：
        </div>
        <div class="content register-content">
          <input type="radio" name="sex" checked class="radio-input">男
          <input type="radio" name="sex" class="radio-input">女
        </div>
      </div>
    </div>

    <div class="button-login button-register button-login w-[96%] h-[50px] bg-green-500 text-white text-center mt-3 ml-[2%]  p-[10px] text-[19px] font-[550]  rounded-lg		 ">
      <button @click="gotoLogin">注册</button>
    </div>

      <navigationBar></navigationBar>

  </div>
</template>
<style >
</style>